<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="baidu-tc-cerfication" content="d0fcb6c290f799d6921e9a455bad9273">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>玩法规则</title>
    <link href="__TEMPLATE__/sysme/css/layer.css" rel="stylesheet" type="text/css" />
    <link href="__TEMPLATE__/sysme/css/game_mobile.css" rel="stylesheet" type="text/css" />
    <link href="__TEMPLATE__/mobile/index/css/betting.css" rel="stylesheet" type="text/css">
    <link href="__TEMPLATE__/sysme/css/layer.css" rel="stylesheet" type="text/css" />

	
    <script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="__TEMPLATE__/sysme/js/layer.js"></script>
    <script src="__TEMPLATE__/sysme/js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script type="text/javascript" src="__TEMPLATE__/sysme/js/scroll_common_mobile.js"></script>
    <script src="__TEMPLATE__/sysme/js/lobby_common_mobile.js"></script>
	<script src="__TEMPLATE__/sysme/js/getTime.js" type="text/javascript" charset="utf-8"></script>
    <script src="__TEMPLATE__/sysme/js/tool_scroll_game.js"></script>
    <script type="text/javascript" src="__TEMPLATE__/mobile/index/js/betting.js"></script>
<!-- 	<script type="text/javascript" src="__TEMPLATE__/mobile/index/js/yaoyiyao.js"></script> -->
		<!-- UC强制全屏 -->  
 <meta name="full-screen" content="yes">  
 <!-- QQ强制全屏 -->  
 <meta name="x5-fullscreen" content="true">  
 <!-- UC应用模式-->  
 <meta name="browsermode" content="application">  
 <!-- QQ应用模式 -->  
 <meta name="x5-page-mode" content="app"> 
  </head>
  <style type="text/css">
  	.title {
    /*height: 33px;*/
    /*background-color: #c8a073;*/
    /*line-height: 33px;*/
    text-align: left;
    width: 100%;
    color: black;
    font-family: 微软雅黑;
}
 .time {
    margin-bottom: 10px;
    padding-left: 8px;
    font-size: 13px;
    line-height: 20px;
    margin-left: 33px;
}
 .time>span {
    display: inline-block;
    width: 16px;
    text-align: center;
}

.czjs-0{
	display: block;
	color: #d91d36;
	border-bottom: 1px solid #d91d36;
}
.wanfajianjie-0{
	display: block;
	color: #d91d36;
	border-bottom: 1px solid #d91d36;
}

.jszd_head_span{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: black;
	float: left;
}
.jszd_nr{
	height:30px;
	line-height: 30px;
	font-size: 14px;
	margin-left: 15px;
	margin-right: 15px;
	border-bottom: 1px solid #e5e5e5;
}
.content{
	font-size: 14px;
	margin-left: 15px;
	border-bottom: 1px solid #e5e5e5;
}
.jszd_w{
	background-color: #f5f5f9;
}
  </style>

  <body>


	    <div class="title fud" style="background:#d91d36;height:40px;line-height:40px;">
					 <a onclick="goPrev();" style="float:left;color:white;margin-left:-2%;font-size:0.98rem;width: 50px;">
	    	<span id="header_touzhu">
	            <img src="__TEMPLATE__/mobile/index/img/blank_00.png" style="width: 76%;">
	    	</span>
	    	</a>
	    	<div style="width: 213px;margin: 7px auto;position: absolute;left: 40%;height: 40px;">
	  				<!--<p style="font-size: 14px;;line-height:14px;width: 16px;float: left;height: 40px;">玩<br />法</p>-->
	  				<div id="qhczs_1" style="float: left;font-size: 16px;border: 1px solid #FFFFFF;height: 25px;line-height: 25px;border-radius:3px ;text-align: left;text-indent: 10px;color: white;">{$cp.class_name_lottery}<span style="display: block;width: 0;height: 0;border-top: 8px solid #FFFFFF;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid transparent;float: right;margin: 10px 3px 0 0;"></span></div>
	  				<div class="clear"></div>
	  			</div>
	  		</div>
	  		
	  		
	  			<div class="czmc" style="width: 100%;position: fixed;display: none;z-index: 9;">
	  			<div id="" style="width: 100%;height: 300px;background-color: white;">

	  				<a href="{:url('lottery/gz_list')}?gid=1">
		    			<span class="ssc_czjs" style="display: inline-block;width:25%;height: 22px;border: 1px solid #d6d6d6;font-size: 14px;text-align: center;line-height: 22px;margin-left: 5.2%;margin-top: 12px;border-radius: 3px;">
		    			时时彩
		    			</span>
	    			</a>
	    			<a href="{:url('lottery/gz_list')}?gid=2">
		    			<span class="ks_czjs" style="display: inline-block;width:25%;height: 22px;border: 1px solid #d6d6d6;font-size: 14px;text-align: center;line-height: 22px;margin-left: 5.2%;margin-top: 12px;border-radius: 3px;">
		    			快3
		    			</span>
	    			</a>
	    			<a href="{:url('lottery/gz_list')}?gid=3">
		    			<span class="syxw_czjs" style="display: inline-block;width:25%;height: 22px;border: 1px solid #d6d6d6;font-size: 14px;text-align: center;line-height: 22px;margin-left: 5.2%;margin-top: 12px;border-radius: 3px;">
		    			11选5
		    			</span>
	    			</a>
	    			<a href="{:url('lottery/gz_list')}?gid=4">
		    			<span class="pcdd_czjs" style="display: inline-block;width:25%;height: 22px;border: 1px solid #d6d6d6;font-size: 14px;text-align: center;line-height: 22px;margin-left: 5.2%;margin-top: 12px;border-radius: 3px;">
		    			PC蛋蛋
		    			</span>
	    			</a>
	    			<a href="{:url('lottery/gz_list')}?gid=5">
		    			<span class="pk10_czjs" style="display: inline-block;width:25%;height: 22px;border: 1px solid #d6d6d6;font-size: 14px;text-align: center;line-height: 22px;margin-left: 5.2%;margin-top: 12px;border-radius: 3px;">
		    			PK10
		    			</span>
	    			</a>
	    			<a href="{:url('lottery/gz_list')}?gid=6">
		    			<span class="dpc_czjs" style="display: inline-block;width:25%;height: 22px;border: 1px solid #d6d6d6;font-size: 14px;text-align: center;line-height: 22px;margin-left: 5.2%;margin-top: 12px;border-radius: 3px;">
		    			低频彩
		    			</span>
	    			</a>
	    			<a href="{:url('lottery/gz_list')}?gid=8">
		    			<span class="lhc_czjs" style="display: inline-block;width:25%;height: 22px;border: 1px solid #d6d6d6;font-size: 14px;text-align: center;line-height: 22px;margin-left: 5.2%;margin-top: 12px;border-radius: 3px;">
		    			六合彩
		    			</span>
	    			</a>
	    			<a href="{:url('lottery/gz_list')}?gid=9">
		    			<span class="qxc_czjs" style="display: inline-block;width:25%;height: 22px;border: 1px solid #d6d6d6;font-size: 14px;text-align: center;line-height: 22px;margin-left: 5.2%;margin-top: 12px;border-radius: 3px;">
		    			七星彩
		    			</span>
	    			</a>

	    		</div>
	  			<div class="caizhongmingcheng" style="display: block;position: fixed;width: 100%;height: 100%;background-color: black;opacity:0.3;">
	    		
	    	</div>
	  		</div>

					<div id="" style="width: 100%;height: 40px;margin-top: 40px;border-bottom: 1px solid #ccc;margin-bottom: 10px;position: fixed;top: 0;background-color: white;z-index: 9;">
						<a href="{:url('lottery/guize')}?gid={$cp.id}">
							<div class="caizhongjieshao" style="width: 50%;height: 100%;float: left;text-align: center;font-size: 15px;line-height: 40px;">
	    			彩种介绍
	    		</div>
						</a>
	    		
	    		<div class="wfgz czjs-0" style="width: 50%;;height: 100%;float: right;text-align: center;font-size: 15px;line-height: 40px;">
	    			玩法规则
	    		</div>
	    	</div>

	    	<div class="wanfajianjie" style="height: 200px;display: block;margin-top: 80px;">
	    	
						
						{foreach ($wflist as $v)}
							<div class="jszd_w">
								<div class="jszd_nr">
									<span>{$v.func_name}</span>
									<span style="display: inline-block;width: 45px;height: 20px;background: url(__TEMPLATE__/sysme/images/20180408160705.png);float: right;margin-top: 5px;"></span>
								</div>
								<div class="gz_wn" style="width: 92%;display: none;">
									<div class="content"><span style="color: #0090ff;display: inline-block;margin-top: 10px;"></span> <p style="display: inline-block;margin-left: 38px;margin-top: -20px;">{$v.func_desc}</p></div>
								</div>
							</div>	
						{/foreach}
						
						
	    	</div>


<script type="text/javascript">
	$('.caizhongjieshao').click(function(){
		$(this).addClass('czjs-0');
		$('.czjs').css('display','block').siblings('.wanfajianjie').css('display','none');
		$('.wfgz').removeClass('wanfajianjie-0');
	})
	
	$('.wfgz').click(function(){
		$(this).addClass('wanfajianjie-0');
		$('.wanfajianjie').css('display','block').siblings('.czjs').css('display','none');
		$('.caizhongjieshao').removeClass('czjs-0');
	})
	
	$('#qhczs_1').click(function(){
		$('.czmc').toggle();
	})
	$('.caizhongmingcheng').click(function(){
		$('.czmc').css('display','none');
	})
	
	
	$('.jszd_w').children('.jszd_nr').click(function(){
		$(this).siblings('.gz_wn').toggle();
	})
	function goPrev(){
		var wherefrom = '{$wherefrom}';
		if( 2==parseInt(wherefrom) ){
			window.history.go(-1);
		}else{
			var appfrom = '{$appfrom}';
			if( 1==parseInt(appfrom) ){
				jump2app.jump2MainActivity();
			}else{
				WebViewJavascriptBridge.callHandler('backClick');
			}
		}
	}
	function setupWebViewJavascriptBridge(callback) {
		if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
		if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
		window.WVJBCallbacks = [callback];
		var WVJBIframe = document.createElement('iframe');
		WVJBIframe.style.display = 'none';
		WVJBIframe.src = 'https://__bridge_loaded__';
		document.documentElement.appendChild(WVJBIframe);
		setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)
	}
	setupWebViewJavascriptBridge(function(bridge) {
		/* Initialize your app here */
		bridge.registerHandler('JS Echo', function(data, responseCallback) {
			console.log("JS Echo called with:", data)
			responseCallback(data)
		})
		bridge.callHandler('ObjC Echo', {'key':'value'}, function responseCallback(responseData) {
			console.log("JS received response:", responseData)
		})
	})
</script>
	    	
</body>
</html>


    



